<template>
  <el-menu
    ref="domMenu"
    class="el-menu-vertical-demo"
    background-color="#6c747c"
    text-color="#fff"
    active-text-color="#ffd04b"
    default-active="1"
    router
  >
    <sub-menu :subMenu="menus"/>
  </el-menu>
</template>

<script setup lang="ts">
  // 模块菜单
  import subMenu from './menu-item.vue'
  
  import type { IMenu } from '../router/tool'

  defineOptions({ name: 'menu', inheritAttrs: false })

  // 定义属性，传入导航
  defineProps({
    menus: Array<IMenu> // 要显示的菜单，可以n级
  })
 
</script>
 
